---
permalink: /all/
layout: styleguide
title: Draft U.S. Web Design Standards
---

<h1>About this Guide</h1>

<p>Welcome to the alpha site for the Draft U.S. Web Design Standards project.</p>

<p>This Draft Web Design Standards is intended to provide reference for designers, developers, as well as anyone else interested in the design and frontend principles that make up the building blocks of federal government websites.</p>

<p>This site is currently under development and your feedback is important to us. We encourage you to contribute your input at <a href="{{ site.repos[0].url }}/issues">{{ site.repos[0].url }}/issues</a>.</p>

<p>The Draft U.S. Web Design Standards project is a partnership of the <a href="https://whitehouse.gov/usds">U.S. Digital Service</a> and <a href="https://18f.gsa.gov">18F</a> with the support of partners across the government. If you'd like to learn more, please send a note to <a href="mailto:govtwidepatternlibrary@gsa.gov">govtwidepatternlibrary@gsa.gov</a>.</p>

<h1>Visual Style</h1>

{% for visual in site.visual %}
	<h2>{{ visual.title }}</h2>
	<p>{{ visual.content }}</p>
{% endfor %}

<h1>Layout System</h1>

{% for layout in site.layout-system %}
	<h2>{{ layout.title }}</h2>
	<p>{{ layout.content }}</p>
{% endfor %}

<h1>Elements</h1>

{% for element in site.elements %}
	<h2>{{ element.title }}</h2>
	<p>{{ element.content }}</p>
{% endfor %}


<h1>Components</h1>

{% for component in site.components %}
	<h2>{{ component.title }}</h2>
	<p>{{ component.content }}</p>
{% endfor %}
